<template>
  <view class="page flex-col">
    <view class="block_1 flex-col">
      <view class="nav-bar_3 flex-row">
        <text class="text_1">开票历史</text>
        <image
          class="applet-top-bar_1"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng84283fda9645c69404f28e9eb657f66528847618b3a13a4e0ecd5184f32020ac"
        />
      </view>
      <div class="group_3 flex-col"></div>
    </view>
    <view class="group_4 flex-col">
      <view class="list_3 flex-col">
        <view
          class="list-items_1 flex-col justify-end"
          v-for="(item, index) in loopData0"
          :key="index"
        >
          <view class="box_3 flex-row">
            <image
              class="icon_1"
              referrerpolicy="no-referrer"
              :src="item.lanhuimage0"
            />
            <text class="text_2" v-html="item.lanhutext0"></text>
            <image
              class="icon_2"
              referrerpolicy="no-referrer"
              :src="item.lanhuimage1"
            />
          </view>
          <view class="text-wrapper_4 flex-row justify-between">
            <text class="text_3" v-html="item.lanhutext1"></text>
            <text class="text_4" v-html="item.lanhutext2"></text>
          </view>
          <view class="text-wrapper_2 flex-col">
            <text class="text_5" v-html="item.lanhutext3"></text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7bcfc00005e24b28a5cb54df673a1fc5e5c194e93728dc18b9ef5a96f002da2f',
          lanhutext0: '2023-09-09&nbsp;12:25',
          lanhuimage1:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngba6fee0bd69096ebe3b08300799f5772396e869cf84ec407f2cf1394ffa33086',
          lanhutext1: '顺风车服务',
          lanhutext2: '&nbsp;232.32元',
          lanhutext3: '已开票',
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7bcfc00005e24b28a5cb54df673a1fc5e5c194e93728dc18b9ef5a96f002da2f',
          lanhutext0: '2023-09-09&nbsp;12:25',
          lanhuimage1:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngba6fee0bd69096ebe3b08300799f5772396e869cf84ec407f2cf1394ffa33086',
          lanhutext1: '顺风车服务',
          lanhutext2: '&nbsp;232.32元',
          lanhutext3: '已开票',
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7bcfc00005e24b28a5cb54df673a1fc5e5c194e93728dc18b9ef5a96f002da2f',
          lanhutext0: '2023-09-09&nbsp;12:25',
          lanhuimage1:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngba6fee0bd69096ebe3b08300799f5772396e869cf84ec407f2cf1394ffa33086',
          lanhutext1: '顺风车服务',
          lanhutext2: '&nbsp;232.32元',
          lanhutext3: '已开票',
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7bcfc00005e24b28a5cb54df673a1fc5e5c194e93728dc18b9ef5a96f002da2f',
          lanhutext0: '2023-09-09&nbsp;12:25',
          lanhuimage1:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngba6fee0bd69096ebe3b08300799f5772396e869cf84ec407f2cf1394ffa33086',
          lanhutext1: '顺风车服务',
          lanhutext2: '&nbsp;232.32元',
          lanhutext3: '已开票',
        },
      ],
      constants: {},
    };
  },
  methods: {},
};
</script>
<style>
@import '/static/module/common.css';
@import '/static/module/invoice-history.css';
</style>
